<style scoped lang="scss">
.aa_box {
  width: 100%;
  height: 30px;
  //   border: 1px solid #ccc;
  line-height: 32px;
}
.konetex {
  color: rgb(48, 135, 234);
  font-weight: 900;
}
</style>
<template>
  <div class="element">
    <!-- 123 -->
    <homeTop :userimg="true" v-show="userId" :showSearch="true"></homeTop>
    <main>
      <homeBanner></homeBanner>
      <div class="aa_box">
        <span style="margin-left: 10px;border-left: 5px solid #3087ea;padding: 0 10px ;" class="konetex">知识宝典</span>
        <hr />
      </div>
      <homeContent></homeContent>
      <div
        style="width: 100%; height: 30px; border: 1px solid #ccc; line-height: 30px"
      >
        <span style="margin-left: 10px;border-left: 5px solid #3087ea;padding: 0 10px ;" class="konetex">问诊咨询</span>
        <hr />
      </div>
      <homeGrid></homeGrid>
      <div
        style="width: 100%; height: 30px; border: 1px solid #ccc; line-height: 30px"
      >
        <span style="margin-left: 10px;border-left: 5px solid #3087ea;padding: 0 10px ;" class="konetex">健康测评</span>
        <hr />
      </div>
      <div>
        <img style="width: 100%; height: 150px" src="../../images//1.png" alt="" />
      </div>
      <div style="width: 100%; height: 30px; line-height: 30px">
        <span style="margin-left: 10px;border-left: 5px solid #3087ea;padding: 0 10px ;" class="konetex">健康资讯</span>
        <hr />
      </div>
      <homeTab></homeTab>
    </main>
  </div>
</template>
<script setup lang="ts">
import { request } from '@/axios/request';
import { ref } from 'vue';
import { useRouter } from 'vue-router';
import homeTop from '@/components/homeTop/index.vue'
import homeBanner from '@/components/homeBanner/index.vue'
import homeContent from '@/components/homeContent/index.vue'
import homeGrid from '@/components/homeGrid/index.vue'
import homeTab from '@/components/homeTab/index.vue'

const userId=ref(localStorage.getItem('userId'))

const router = useRouter()
const onimg2 = () => {
    router.push('/medicine')
}
</script>